/*公共样式*/
html,body{width: 100%;height: 100%;font-family: "microsoft yahei";overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling : touch;background: #f3f3f3;}
*,body,html,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer,td,th{margin:0;padding:0;}
/*公共样式结束*/

.body-box{width:120px;background: red;float: left;}

.timer-shaft-box{float: left; width:20rem;padding:30px 40px;box-sizing: border-box;margin-top: 1.25rem;}
.timer-shaft{position:relative;width:100%;height:80px;overflow: hidden;}
.timer-left{position:absolute;top:50%;left:20px;z-index:99;width:23px;height:37px;margin-top:-18.5px;background: url(../images/icon_left.png) no-repeat;background-size: cover;cursor:pointer;}
.timer-right{position:absolute;top:50%;right:20px;z-index:99;width:23px;height:37px;margin-top:-18.5px;background: url(../images/icon_right.png) no-repeat;background-size: cover;cursor:pointer;}
.timer-scale{position:absolute;top:0;left:0;height:80px;padding-left: 80px;font-size: 0;white-space: nowrap;}
.timer-scale-cont{display:inline-block;height:100%;line-height:80px;}
.time-circle{display:inline-block;vertical-align:middle;width:60px;height:60px;line-height: 60px;text-align: center;font-size:18px;color:#fff;border-radius: 50%;background: #e2302e;transition: all .3s;cursor:pointer;}
.timer-scale-cont.hov .time-circle{width:80px;height:80px;line-height: 80px;font-size:24px;background: #ff8d3d;}
.line-scale{display:inline-block;vertical-align:middle;width:150px;height:22px;margin:0 2px;background: url(../images/icon_scale.png) no-repeat;background-size: cover;}

.timer-shaft-content{width:100%;margin-top:45px;overflow: hidden;font-size:0;box-sizing:border-box;white-space: nowrap;}
.shaft-detail-cont{display: none;width:100%;}
.timer-year{padding-left:20px;font-weight:bold;color:#333;font-size:0;}
.icon-year{display: inline-block;vertical-align:middle;width:33px;height:40px;background: url(../images/icon_sign.png) no-repeat;background-size: cover;}
.timer-year span{display: inline-block;vertical-align:middle;margin-left:18px;font-size:24px;}
.month-detail-box{position:relative;width:100%;min-height:93px;padding-top:30px;font-size:0;box-sizing: border-box;white-space: normal;}
.month-detail-box:before{content: '';position:absolute;top:0;left:36.5px;height:100%;border-right:1px dashed #ff8d3d;}
.month-detail-box .month-title{position:absolute;font-size:16px;font-weight: bold;color:#333;}
.month-detail-box .month-title:before{content: '';position:absolute;top:50%;left:30px;width:13px;height:13px;margin-top:-6.5px;background: url(../images/icon_circle.png) no-repeat;background-size: cover;}
.incident-record{display:inline-block;padding-left:71px;line-height:2;font-size:14px;color:#333;}
.incident-record a{font-size:14px;color:#1d69a3;}






